<!DOCTYPE html>
<html th:dir="Itr" lang="en-US"
      xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta th:charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>K3Cloud | 应付对账详细报表</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../../static/build/css/app.min.css" th:href="${#fn.getStaticFile('/build/css/app.min.css')}">
    <link rel="stylesheet" href="../../static/dist/css/common.css" th:href="${#fn.getStaticFile('/dist/css/common.css')}">
    <script src="../../static/build/js/app.min.js" th:src="${#fn.getStaticFile('/build/js/app.min.js')}"></script>
    <script src="../../static/dist/js/common.js" th:src="${#fn.getStaticFile('/dist/js/common.js')}"></script>
</head>
<body class="hold-transition skin-blue sidebar-mini " th:classappend="${#session.getAttribute('sidebarClass')}" th:with="pageCode='payableReconciliationReport'">
    <table class=" table table-bordered table-striped dataTable ">
        <thead>
        <tr role="row">
            <th class="pageable-order" data-sort-name="name" >业务类型</th>
            <th>单据编号</th>
            <th>记账日期</th>
            <th>商品名称</th>
            <th>数量</th>
            <th>单价</th>
            <th>金额</th>
            <th>应付</th>
            <th>实付</th>
            <th>期末</th>
            <th>摘要</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="detail:${payableReconciliationDetailList}" th:class="${detail.css}">
            <td th:text="${detail.billType}"></td>
            <td th:text="${detail.billNo}"></td>
            <td th:text="${detail.date}"></td>
            <td th:text="${detail.materialName}"></td>
            <td th:text="${#numbers.formatDecimal(detail.quantity,1,0)}"></td>
            <td th:text="${#numbers.formatDecimal(detail.price,1,2)}"></td>
            <td th:text="${#numbers.formatDecimal(detail.amount,1,2)}"></td>
            <td th:text="${#numbers.formatDecimal(detail.payableAmount,1,2)}"></td>
            <td th:text="${#numbers.formatDecimal(detail.actualPayAmount,1,2)}"></td>
            <td th:text="${#numbers.formatDecimal(detail.endAmount,1,2)}"></td>
            <td th:text="${detail.note}"></td>
        </tr>
        </tbody>
    </table>
</body>
</html>